<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>设置基本信息</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="css/app.css" />
	</head>

		<script type="text/javascript" charset="utf-8">
		    function tz(){
		    	
				 
			 
		    	
			window.location.href='kechengbiao.html';
			}
				</script>
			 
			 <style type="text/css">
.code{
background-image:url(111.jpg);
font-family:Arial,宋体;
font-style:italic;
color:green;
border:0;
padding:2px 3px;
letter-spacing:3px;
font-weight:bolder;
}
.unchanged {
border:0;
}
</style>
<script language="javascript" type="text/javascript">
var code ; //在全局 定义验证码
function createCode(){ 
code = new Array();
var codeLength = 4;//验证码的长度
var checkCode = document.getElementById("checkCode");
checkCode.value = "";

var selectChar = new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');

for(var i=0;i<codeLength;i++) {
   var charIndex = Math.floor(Math.random()*32);
   code +=selectChar[charIndex];
}
if(code.length != codeLength){
   createCode();
}
checkCode.value = code;
}

function validate () {
var inputCode = document.getElementById("input1").value.toUpperCase();
var inputxuehao=document.getElementById("xuehao").value.toUpperCase();
var inputpsd=document.getElementById("jwpsd").value.toUpperCase();
var inputxz=document.getElementById("xz").value.toUpperCase();
var inputxl=document.getElementById("xl").value.toUpperCase();

if(inputCode.length <=0) {
   alert("请输入验证码！");
   return false;
}
else if(inputCode != code ){
   alert("验证码输入错误！");
   createCode();
   return false;
}
else if(inputxuehao==""&inputpsd==""){
		 alert("学号或密码为空");
}else{
     
    alert("验证通过！ "+inputxuehao);
	alert("学号"+inputxuehao+'  '+"密码"+inputpsd+'  '+"学制"+inputxz+'  '+"学历"+inputxl);
	 
   window.location.href='kechengbiao.html';
   return true;
}
}
</script>
 
	<body onLoad="createCode();">
		<center>
			<B>设置个人信息</B> 
			<br>
		<br>
		<table border="1"action="kechengbiao.html"width="100%">
			<tr>
				<td colspan="2" align="center">
					 温州职业技术学院
				</td>
			</tr>
			<tr>
				<td>
					学号
				</td>
				<td>
					<input type="text" name="xuehao" id="xuehao"/>
				</td>
			</tr>
			<tr>
				<td>
					密码：
				</td>
				<td>
				<div class="mui-input-row mui-password">
					<input type="password"name="jwpsd"id="jwpsd">
				</div>
				</td>
			</tr>
			<tr>
				<td>
	       学制
				</td>
				<td>
					 
				<select id="xz">
  <option value="two">两年</option>
  <option value="three">三年</option>
  <option value="four">四年</option>
  <option value="five">五年</option>
               </select> 
               <select id="xl">
  <option value="dz">大专生</option>
  <option value="bk">本科生</option>
  <option value="ss">硕士研究生</option>
  <option value="bs">博士</option>
               </select>
				</td>
			</tr>
			<tr>
				<td>
					验证码
				</td>
				<td>
					<input type="button" id="checkCode" class="code" style="width:100px" onClick="createCode()" /> 
				    <input type="text" id="input1"width="50%"/>
				</td>
			</tr>
			<tr>
				<td colspan="2" align="center">
					<input type="button"onclick="validate()"value="完成"></input>
				</td>
			</tr>
			
		</table>
		<div>
			<img src="images/b1.jpg" width="100%"height="50%"/>
		</div>
		温职定制课程格子
	</body>
	
</html>
